<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>数据绑定</title>
		<script src="../js/vue.js"></script>
	</head>
	
	<body>
		<div id="box">
			<!-- 普通写法 -->
			<!-- 单向数据绑定:<input v-bind:value="msg" /><br/>
			双向数据绑定:<input v-model:value="msg" /><br/> -->
			<!-- 简写 -->
			单向数据绑定:<input :value="msg" /><br/>
			双向数据绑定:<input v-model="msg" /><br/>
			<!-- 以下是错误的写法 -->
			<!-- <h2 v-model:x="msg">测试</h2> -->
		</div>
		<script>
			Vue.config.productionTip=false
			new Vue({
				el:'#box',
				data:{
					msg:"宜春职院"
				}
			})
		</script>
	</body>
</html>